<%-- 
    Document   : index
    Created on : 13-jun-2012, 18:48:54
    Author     : Administrador
--%>
<%@page import="com.javabeans.Gestion"%>
<%@page import="com.javabeans.Facultad"%>
<%@include file="../../../controlSession.jsp" %>
<%
    Facultad facultad = (Facultad)request.getAttribute("facultad");
    
    int accion = 0;
    boolean isNew = (Boolean)request.getAttribute("isNew");// obtenemos el valor para saber si es por unidad académica o es general
    List<Gestion> gestiones = new ArrayList <Gestion>();
    
    if(isNew){
        // por unidad académica
        gestiones = (List<Gestion>)request.getAttribute("gestiones");
        accion = 2;
    }else{
        // general
        accion = 2;
        gestiones = (List<Gestion>)request.getAttribute("gestiones");
    }
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM</title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type='text/javascript'>         
            $(document).ready(function(){   
                // para la primera ves
                $("#gestionElegido").val( $("#gestion").find(':selected').val() +"_"+ $("#gestion").find(':selected').text() );
                $("#gestion").change(function (){ // cuando este cambiando las opciones
                    $("#gestionElegido").val( $("#gestion").find(':selected').val() +"_"+ $('#gestion option:selected').text() );
                });
           });     
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../head.jsp" %>
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle" style="position: absolute">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a>Home</a></li>
                            <li><span style="color:#666">Transacciones</span></li>
                            <li class="current-page"><span class="end"><span class="middle">Matriculaci&oacute;n</span></span></li>
                        </ul>                       
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2y" style="border: 0px solid"><br/><br/><!-- estos break son necesarios ya q uso absolute en css  cuerpo izquierdo-->
                        <div class="izq">
                            <%//@include file="../../../bodyIzq.jsp" %>
                            <!-- inicio inicio -->
                            <div id="menuprin"><!-- como no tiene menu izquierdo entonces le ponemos algo estatico solo pa q se vea bien -->
                                <div class="menuIzqMarco">
                                    <div class="menu_css">
                                        <h3 class="title">Seleccione</h3>
                                        <div class="menu_selected menu_selectedDepen">
                                            <ul class="menuLogoNone">
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                           </div><!-- fin inicio -->
                        </div>
                        <div class="medio" style="border: 0px solid">
                            <center>
                            <div id="divGestion">
                                <fieldset style="display: block;border: 1px solid #003a96;border-radius: 8px;width: 95%;padding: 10px 10px 6px;margin-top: 10px;background-color: white;box-shadow: 0px 3px 5px #70b8d6, 0 0 0 2px #003a96 inset;position: relative;">
                                    <div style="clear:both;">
                                        <h2 style="color:#004080;text-align: center; margin:3px 0px 3px 0px;">Sistema &uacute;nico de Matr&iacute;cula</h2><br/>
                                    </div>
                                    <div style="clear: both">
                                        <label class="form_align45">Encargado :</label>
                                        <label style="float: left;margin-left:0.2em;"><b><%=s_nombre+" "+s_apellidos%></b></label>
                                    </div>
                                    <div style="clear: both">
                                        <label class="form_align45">Unidad Acad&eacute;mica :</label>
                                        <label style="float: left;margin-left:0.2em;"><b><%=facultad.getNombre()%></b></label>
                                    </div>
                                    <div style="clear: both">
                                        <label class="form_align45">Sigla :</label>
                                        <label style="float: left;margin-left:0.2em;"><b><%=facultad.getSigla()%></b></label>
                                    </div>
                                    <div style="clear: both">
                                        <label class="form_align45">Departamento :</label>
                                        <label style="float: left;margin-left:0.2em;"><b><%=facultad.getDepartamento().getNombre()%></b></label>
                                    </div>
                                    
                                    <div style="clear:both;">
                                        <h2 style="color:#004080;text-align: center; margin:3px 0px 3px 0px;">Informaci&oacute;n importante acerca del m&oacute;dulo de matr&iacute;cula.</h2><br/>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45">SUB-M&Oacute;DULO 1 :</label>
                                        <label style="float: left;margin-left:0.2em;"><b>CONTROL DE CRONOGRAMA DE MATR&Iacute;CULA</b></label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">Verificaci&oacute;n de Fechas de Inicio y Fin de Matr&iacute;cula del Periodo Vigente</label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">y de Acceso al M&oacute;dulo de Matr&iacute;cula.</label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45">SUB-M&Oacute;DULO 2 :</label>
                                        <label style="float: left;margin-left:0.2em;"><b>CONTROL DE ACCESO DE UNIDAD ACAD&Eacute;MICA</b></label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">Verificaci&oacute;n de la programaci&oacute;n Interna establecida por la</label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">Oficina de Matr&iacute;cula de su Unidad Acad&eacute;mica.</label>
                                    </div>
                                    
                                    <div style="clear: both;">
                                        <label class="form_align45">SUB-M&Oacute;DULO 3 :</label>
                                        <label style="float: left;margin-left:0.2em;"><b>CONTROL DE PAGO DE MATR&Iacute;CULA</b></label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">Verificaci&oacute;n del pago por concepto de matr&iacute;cula.</label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45">SUB-M&Oacute;DULO 4 :</label>
                                        <label style="float: left;margin-left:0.2em;"><b>INTERFAZ DE MATR&Iacute;CULA</b></label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">Presentaci&oacute;n de Asignaturas de Matr&iacute;cula y Secciones aperturadas.</label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">Efecutar&iacute;cula Registrar&aacute; su matr&iacute;cula. Si la matr&iacute;cula se</label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">ef&eacute;ctua satisfactoriamente, se mostrar&aacute; autom&aacute;ticamente el </label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">reporte de matr&iacute;cula vigente; sino ocurr&iacute;o un error al intentar </label>
                                    </div>
                                    <div style="clear: both;">
                                        <label class="form_align45"> &nbsp;</label>
                                        <label style="float: left;margin-left:0.2em;">registrar la matr&iacute;cula.</label>
                                    </div>
                                    <form name="formGestion" action="Transacciones" method="post" id="formGestion">
                                        <input type="hidden" name="isNew" value="<%=isNew%>"/>
                                        <input type="hidden" name="accion" value="<%=accion%>"/>
                                        <input type="hidden" name="gestionElegido" id="gestionElegido" value=""/>
                                        <% 
                                            String estado = "";
                                            if(gestiones.size() > 0){
                                                out.println("<div style='clear: both;'>");
                                                out.println("    <label class='form_align45' style='color:blue;font-weight:bold'>Gesti&oacute;n :</label>");
                                                out.println("    <select name='gestion' id='gestion' class='form_input_align required' style='color:blue'>");
                                                if(isNew){
                                                    for(Gestion g : gestiones){
                                                        switch(g.getEstado()){
                                                            case 1: estado = "Vigente";
                                                                break;
                                                            case 2: estado = "en Espera";
                                                                break;
                                                        }
                                                        out.println("        <option value='"+g.getIdGestion()+"_"+g.getIdFacultad()+"' "+(g.getEstado()== 1?"selected='selected'":"")+">"+g.getNombre()+", "+estado+"</option>");
                                                    }
                                                }else{
                                                    for(Gestion g : gestiones){
                                                        Facultad f = g.getFacultad();
                                                        switch(g.getEstado()){
                                                            case 1: estado = "Vigente";
                                                                break;
                                                            case 2: estado = "en Espera";
                                                                break;
                                                        }
                                                        out.println("        <option value='"+g.getIdGestion()+"_"+g.getIdFacultad()+"'>"+f.getSigla()+", "+g.getNombre()+", "+estado+"</option>");
                                                    }
                                                }
                                                out.println("    </select>");
                                                out.println("</div>");
                                                out.println("<div style='clear: both; display: block' id='idBotonIniciar'><br/>");
                                                out.println("    <label class='form_align45'>&nbsp;</label>");
                                                out.println("    <table border='0' style='float: left'>");
                                                out.println("        <tr>");
                                                out.println("            <td style='text-align:right'><input type='submit' value='INICIAR MATR&Iacute;CULA' class='boton' title='Pulsa aqu&iacute; para iniciar.' />&nbsp;&nbsp;</td>");
                                                out.println("            <td><br/>&nbsp;&nbsp;</td>");
                                                out.println("        </tr>");
                                                out.println("    </table>");
                                                out.println("</div>");
                                            }else{
                                                out.println("<div style='clear: both;'>");
                                                out.println("    <label class='form_align45' style='color:blue;font-weight:bold'>Gesti&oacute;n :</label>");
                                                out.println("    <label style='float: left;margin-left:0.2em;color:red;font-weight: bold;font-size:14px'>No existen gesti&oacute;nes habilitados para la "+(isNew?"Unidad Acad&eacute;mica":"entidad")+".</label>");
                                                out.println("   <br/><br/>");
                                                out.println("</div>");
                                            }
                                        %>
                                    </form>
                                </fieldset>
                            </div>
                            </center>
                            
                        </div>
                    </div><!--end of leftPan-->
                    
                    <div class="yDer" style="border: 1px solid #ccc;">
                        <%@include file="../../../publicidad.jsp" %>
                    </div><!--end of rightPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->
        </div>
    </body>
</html>
